<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="css/index.css">  -->
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/flower.css">
</head>
<body>
    <!-- 网页的头部 -->
    <div id="header">
        <div id="header-1">
            <div class="left">
                <p>嗨，欢迎来订花乐！</p>
                    <a href="" style="color: rgb(136, 78, 34)">
                        <i class="iconfont" >&#xe62b;</i>
                    </a>
                    <a href="" id="weixin">关注微信</a>
                    <img src="./images/gz.jpg" alt="" id="img">
               
            </div>

            <div class="right">
                <a href="./login.html" class="r-1">你好，请登录</a>
                <a href="./register.html" style="color: rgb(136, 78, 34);">免费注册</a>
                <span class="s-1"></span>
                <a href="./order.html" class="r-3">订单查询</a>
                <span class="s-2"></span>
                <a href="./shopping.html" style="color: rgb(136, 78, 34);"> <span>
                        <i class="iconfont">&#xe600;</i>
                        购物车</span>
                </a>
                <span class="s-3"></span>
                <a href="" id="phone">手机下单</a>
                <img src="./images/sm.png" alt=""  id="rders">
            </div>
        </div>
    </div>

    <div class="header-2">
        <a href="" class="header-2-1">
            <img src="images/logo.png" alt="">
        </a>

        <div class="header-2-2">
            <input type="text" class="searchValue" placeholder="请输入要搜索的关键字">
            <div class="header-2-3">
                <a href="" class="header-2-3-1">
                    <i class="iconfont">&#xe60b;
                    </i>
                </a>
            </div>

        </div>
        <div class="header-3">
            <a href="" class="h-3-1">红玫瑰</a>
            <span class="h-1"></span>
            <a href="" class="h-3-2">蛋糕</a>
            <span class="h-2"></span>
            <a href="" class="h-3-3">百合</a>
            <span class="h-3"></span>
            <a href="" class="h-3-4">康乃馨</a>
            <span class="h-4"></span>
        </div>
        <div class="header-4">
            <a href="" class="h-4-1">
                <i class="iconfont">&#xe668;</i>
                <span>400-060-1520</span>
            </a>
        </div>
    </div>


    <div class="nav">
        <a href="" class="onav">全部商品分类
            <img src="images/sjx.png" alt="" class="nav-1-1">
        </a>
        <div class="obox">
            <div class="s-box-1">

            <div class="box-1-1"> 
                <p class="box-1-1-1"><a href="#"></a>用途</p>
        
                 <a href="">爱情鲜花</a>
                 <a href="">生日鲜花</a>
                 <a href="">友情鲜花</a>
                 <a href="">探病鲜花</a>
                 <a href="">道歉鲜花</a>
                 <a href="">问候长辈</a>
                 <a href="">感谢老师</a>
                 <a href="">哀思鲜花</a>
                 <a href="">商务鲜花</a>
            </div>
            <div class="box-1-1">
                    <p class="box-1-1-1"><a href="#"></a>花材</p>
            
                     <a href="">玫瑰</a>
                     <a href="">百合</a>
                     <a href="">康乃馨</a>
                     <a href="">向日葵</a><br>
                     <a href="">满天星</a>
                     <a href="">郁金香</a>
                     <a href="">菊花</a>
                     <a href="">其他</a>
            </div>     
            <div class="box-1-1">
                <p class="box-1-1-1"><a href="#"></a>类别</p>
        
                 <a href="">花束</a>
                 <a href="">礼盒</a>
                 <a href="">蛋糕</a>
                 <a href="">花篮</a>
                 <a href="">绿植</a>
                 <a href="">周花</a>
                 <a href="">手提花篮</a>
                 <a href="">桌花</a>
                 <a href="">其他</a>
            </div>    
            <div class="box-1-1">
                <p class="box-1-1-1"><a href="#"></a>支数</p>
        
                <a href="">11枝</a>
                <a href="">19枝</a>
                <a href="">21枝</a>
                <a href="">33枝</a><br>
                <a href="">52枝</a>
                <a href="">66枝</a>
                <a href="">99枝</a>
                <a href="">其他</a>
            </div>
            
            </div>
        </div>




        <div class="nav-2">
            <a href="">鲜花</a>
            <a href="">花束</a>
            <a href="">礼盒</a>
            <a href="">蛋糕</a>
            <a href="">花篮</a>
            <a href="">绿植</a>
            <a href="">周花</a>
            <!-- <a href="">6.20父亲节鲜花</a> -->
        </div>

    </div>

    <div class="a-nav">


        <div class="b-nav">
            <p class="b1"><a href="./index.html" class="b1-1">首页</a></p>
            <p class="b2">
                &gt;鲜花
            </p>
        </div>

        <div class="c-nav">
            <div class="c-nav-1">
                <img src="./images/yt.png" alt="">
                <span>用途</span>
                <div class="c-nav-2">
                    <a href="">爱情鲜花</a>
                    <a href="">生日鲜花</a>
                    <a href="">友情鲜花</a>
                    <a href="">探病问候</a>
                    <a href="">道歉鲜花</a>
                    <a href="">问候长辈</a>
                    <a href="">感谢老师</a>
                    <a href="">商务鲜花</a>
                </div>
            </div>

            <div class="c-nav-1">
                <img src="./images/hc.png" alt="">
                <span>花材</span>
                <div class="c-nav-2">
                    <a href="">玫瑰</a>
                    <a href="">百合</a>
                    <a href="">康乃馨</a>
                    <a href="">向日葵</a>
                    <a href="">满天星</a>
                    <a href="">郁金香</a>
                    <a href="">菊花</a>
                    <a href="">其他</a>
                </div>
            </div>

            <div class="c-nav-1">
                <img src="./images/lb.png" alt="">
                <span>类别</span>
                <div class="c-nav-2">
                    <a href="">花束</a>
                    <a href="">礼盒</a>
                    <a href="">蛋糕</a>
                    <a href="">花篮</a>
                    <a href="">绿植</a>
                    <a href="">周花</a>
                    <a href="">手提花篮</a>
                    <a href="">桌花</a>
                    <a href="">其他</a>
                </div>
            </div>

            <div class="c-nav-3">
                <img src="./images/zs.png" alt="">
                <span>支数</span>
                <div class="c-nav-2">
                    <a href="">11枝</a>
                    <a href="">19枝</a>
                    <a href="">21枝</a>
                    <a href="">33枝</a>
                    <a href="">25枝</a>
                    <a href="">66枝</a>
                    <a href="">99枝</a>
                    <a href="">其他</a>
                </div>
            </div>

           
        </div>
        <div class="sortBtn">
            <a href="" class="sortBtn-1">综合排序</a>
            <div class="sortBtn-2">
                <a href="">
                   <span>销量</span>
                   <img src="./images/xjt.png"alt="">
                </a> 
                <a href="">最新</a>
                <a href="">
                    <span>价格</span>
                    <img src="./images/xjt.png"alt="">
               </a>
            </div>
        </div>

        <div class="picture-2">

            <!-- <div class="picture-2-1">
                <a href="paging.html">
                    <img src="images/s4.jpg" alt="">
                </a>
                <p class="p-1">永恒回忆</p>
                <p class="p-2">￥298
                    <span class="p-3">销量16022笔</span>
                    <input type="button" value="加入购物车" id="" style="margin-left: 30px; width: 70px; color: chocolate;">
                </p>
            </div>


            <div class="picture-2-1">
                <a href="">
                    <img src="images/s6.jpg" alt="">
                </a>
                <p class="p-1">暖暖情意</p>
                <p class="p-2">￥179
                    <span class="p-3">销量12669笔</span>
                </p>
            </div>


            <div class="picture-2-1">
                <a href="">
                    <img src="images/s8.jpg" alt="">
                </a>
                <p class="p-1">不忘初心</p>
                <p class="p-2">￥189
                    <span class="p-3">销量10548笔</span>
                </p>
            </div>


            <div class="picture-2-2">
                <a href="">
                    <img src="images/s1.jpg" alt="">
                </a>
                <p class="p-1">恋恋情深</p>
                <p class="p-2">￥199
                    <span class="p-3">销量11522笔</span>
                </p>
            </div>
        

            <div class="picture-2-1">
                <a href="">
                    <img src="images/s5.jpg" alt="">
                </a>
                <p class="p-1">温暖阳光</p>
                <p class="p-2">￥269
                    <span class="p-3">销量7710笔</span>
                </p>
            </div>


            <div class="picture-2-1">
                <a href="">
                    <img src="images/s2.jpg" alt="">
                </a>
                <p class="p-1">暖暖情意</p>
                <p class="p-2">￥179
                    <span class="p-3">销量12669笔</span>
                </p>
            </div>


            <div class="picture-2-1">
                <a href="">
                    <img src="images/s7.jpg" alt="">
                </a>
                <p class="p-1">不忘初心</p>
                <p class="p-2">￥189
                    <span class="p-3">销量10548笔</span>
                </p>
            </div>


            <div class="picture-2-2">
                <a href="">
                    <img src="images/s3.jpg" alt="">
                </a>
                <p class="p-1">恋恋情深</p>
                <p class="p-2">￥199
                    <span class="p-3">销量11522笔</span>
                </p>
            </div>

            <div class="picture-2-1">
                <a href="">
                    <img src="images/b3-1.jpg" alt="">
                </a>
                <p class="p-1">温暖阳光</p>
                <p class="p-2">￥269
                    <span class="p-3">销量7710笔</span>
                </p>
            </div>


            <div class="picture-2-1">
                <a href="">
                    <img src="images/b3-2.jpg" alt="">
                </a>
                <p class="p-1">暖暖情意</p>
                <p class="p-2">￥179
                    <span class="p-3">销量12669笔</span>
                </p>
            </div>


            <div class="picture-2-1">
                <a href="">
                    <img src="images/b3-3jpg.jpg" alt="">
                </a>
                <p class="p-1">不忘初心</p>
                <p class="p-2">￥189
                    <span class="p-3">销量10548笔</span>
                </p>
            </div>


            <div class="picture-2-2">
                <a href="">
                    <img src="images/b3-4.jpg" alt="">
                </a>
                <p class="p-1">恋恋情深</p>
                <p class="p-2">￥199
                    <span class="p-3">销量11522笔</span>
                </p>
            </div>


            <div class="picture-2-1">
                <a href="">
                    <img src="images/b3-5.jpg" alt="">
                </a>
                <p class="p-1">温暖阳光</p>
                <p class="p-2">￥269
                    <span class="p-3">销量7710笔</span>
                </p>
            </div>


            <div class="picture-2-1">
                <a href="">
                    <img src="images/b3-6.jpg" alt="">
                </a>
                <p class="p-1">暖暖情意</p>
                <p class="p-2">￥179
                    <span class="p-3">销量12669笔</span>
                </p>
            </div>


            <div class="picture-2-1">
                <a href="">
                    <img src="images/b3-7.jpg" alt="">
                </a>
                <p class="p-1">不忘初心</p>
                <p class="p-2">￥189
                    <span class="p-3">销量10548笔</span>
                </p>
            </div>


            <div class="picture-2-2">
                <a href="">
                    <img src="images/b3-8.jpg" alt="">
                </a>
                <p class="p-1">恋恋情深</p>
                <p class="p-2">￥199
                    <span class="p-3">销量11522笔</span>
                </p>
            </div>


            <div class="picture-2-1">
                <a href="">
                    <img src="images/b2-1.jpg" alt="">
                </a>
                <p class="p-1">温暖阳光</p>
                <p class="p-2">￥269
                    <span class="p-3">销量7710笔</span>
                </p>
            </div>


            <div class="picture-2-1">
                <a href="">
                    <img src="images/b2-2.jpg" alt="">
                </a>
                <p class="p-1">暖暖情意</p>
                <p class="p-2">￥179
                    <span class="p-3">销量12669笔</span>
                </p>
            </div>


            <div class="picture-2-1">
                <a href="">
                    <img src="images/b2-3.jpg" alt="">
                </a>
                <p class="p-1">不忘初心</p>
                <p class="p-2">￥189
                    <span class="p-3">销量10548笔</span>
                </p>
            </div>


            <div class="picture-2-2">
                <a href="">
                    <img src="images/b2-4.jpg" alt="">
                </a>
                <p class="p-1">恋恋情深</p>
                <p class="p-2">￥199
                    <span class="p-3">销量11522笔</span>
                </p>
            </div>


            <div class="picture-2-1">
                <a href="">
                    <img src="images/b2-5.jpg" alt="">
                </a>
                <p class="p-1">温暖阳光</p>
                <p class="p-2">￥269
                    <span class="p-3">销量7710笔</span>
                </p>
            </div>


            <div class="picture-2-1">
                <a href="">
                    <img src="images/b2-6.jpg" alt="">
                </a>
                <p class="p-1">暖暖情意</p>
                <p class="p-2">￥179
                    <span class="p-3">销量12669笔</span>
                </p>
            </div>


            <div class="picture-2-1">
                <a href="">
                    <img src="images/b2-7.jpg" alt="">
                </a>
                <p class="p-1">不忘初心</p>
                <p class="p-2">￥189
                    <span class="p-3">销量10548笔</span>
                </p>
            </div>


            <div class="picture-2-2">
                <a href="">
                    <img src="images/b2-8.jpg" alt="">
                </a>
                <p class="p-1">恋恋情深</p>
                <p class="p-2">￥199
                    <span class="p-3">销量11522笔</span>
                </p>
            </div> -->
        </div>

        <div class="pager">
            <a href="" class="a-1">
                <img src="./images/left.png" alt="">
            </a>
            <a href="" class="a-2">
                <img src="./images/l.png" alt="">
            </a>
            <span>1</span>
            <a href="">2</a>
            <a href="">3</a>
            <a href="">4</a>
            <a href="">5</a>
            <a href="">6</a>
            <a href="">7</a>
            <span>...</span>
            <a href="" class="a-3">
                <img src="./images/r.png" alt="">
            </a>
            <a href="" class="a-4">
                <img src="./images/right.png" alt="">
            </a>
        </div>


    </div>
    <div class="bottom">
        <div class="bottom-1">
            <div class="bottom-1-1">
                <a href="">
                    <img src="images/logo.png" alt="">
                </a>
            </div>


            <div class="bottom-2">
                <div class="bottom-2-1">
                    <p>热门导航</p>
                    <a href="./index.html" class="footer-nav-item">网站首页</a>
                    <a href="./flower.html" class="footer-nav-item">爱情鲜花</a>
                    <a href="./order.html" class="footer-nav-item">订单查询</a>
                    <a href="./flower.html" class="footer-nav-item">全部商品</a>


                </div>
                <div class="bottom-2-2">
                    <div class="bottom-2-2-1">
                        <p>客服服务</p>
                        <a href="">关于我们</a>
                        <a href="">服务声明</a>
                        <a href="">订花流程</a>
                        <a href="">支付方式</a>
                    </div>
                    <div class="bottom-2-2-2">
                        <a href="">配送说明</a>
                        <a href="">售后服务</a>
                        <a href="">隐私条款</a>
                        <a href="">联系我们</a>
                    </div>

                </div>
                <div class="bottom-2-3">
                    <p>联系我们</p>
                    <a href="">意见反馈</a>
                    <a href="">工作时间：07:00-23:00</a>
                    <a href="">7*24小时在线订购</a>
                    <a href="">全国热线：400-060-1520</a>
                </div>


            </div>
            <div class="bottom-2-4">
                <img src="images/erweima.jpg" alt="">
                <p>扫码关注微信</p>
            </div>


        </div>



        <div class="footer-bottom">
            <p class="text-color-9">Copyright©2020 &nbsp;成都勿忘我科技有限公司 &nbsp;
                </br>
                <a href="">蜀ICP备20016463号-2</a>&nbsp;
            </p>
        </div>

    </div>



<script src="js/flower.js"></script>
<script src="libs/jquery.min.js"></script>
<script src="libs/jquery.pagination.js"></script>
<script src="libs/require.js" data-main="js/flowerMain"></script>
</body>